
    *{padding: 0;margin:0;}
    ul li{list-style: none}

    .wrap{
      width:1100px;
      height:500px;
      overflow: hidden;
      margin: 100px auto;
      position: relative;
    }

    .slide{
      width:1100px;
      height:500px;
      position: relative;
    }

    li{
      position: absolute;
    
      top:0;
    }

    img{
      width:100%;
      height:100%;
    }

    .arrow{
      position:absolute;
      width:1100px;
      top:50%;
      margin-top: -50px;
      z-index: 99;
    }

    #leftArrow{
      position: absolute;
      width:76px;
      height:112px;
      background: url(../images/prev.png);
      cursor: pointer;
    }

    #rightArrow{
      position: absolute;
      width:76px;
      height:112px;
      background: url(../images/next.png);
      right:0;
      cursor: pointer;
    }
 